<!DOCTYPE html>
<htsml>
	<head>
		<meta charset="utf-8" />
		<title>小米官网</title>
		<link rel="stylesheet" type="text/css" href="css/laybox.css" />
	</head>
	<body>
		<!-- 顶部的菜单 -->
		<div class="header">
			<div class="centerbox">
				<a rel="nofollow" class="link" href="javascript:void(0);" data-agreement="true" data-login="true" data-href="//order.mi.com/site/login?redirectUrl=https://www.mi.com/html/index.html">登录</a>
				<span class="sep">|</span>
				<a rel="nofollow" class="link" href="javascript:void(0);" data-agreement="true" data-register="true" data-href="https://account.xiaomi.com/pass/register">注册</a>
				<span class="sep">|</span>
				<span class="message">
					<a id="J_topbarMessageLink" rel="nofollow" data-href="//order.mi.com/message/list" class="J_needAgreement"
					 data-login="true" href="javascript:void(0);">消息通知<i class="J_miMessageTotal"></i></a>
				</span>
				<div class="leftbox">
					<a rel="nofollow" href="//www.mi.com/index.html">小米商城</a>
					<span class="sep">|</span>
					<a rel="nofollow" href="https://www.miui.com/" target="_blank">MIUI</a>
					<span class="sep">|</span>
					<a rel="nofollow" href="//iot.mi.com">IoT</a>
					<span class="sep">|</span>
					<a rel="nofollow" href="https://i.mi.com/" target="_blank">云服务</a>
					<span class="sep">|</span>
					<a rel="nofollow" href="https://airstar.com/home" target="&quot;_blank&quot;">天星数科</a>
					<span class="sep">|</span>
					<a rel="nofollow" href="https://youpin.mi.com/" target="_blank">有品</a>
					<span class="sep">|</span>
					<a rel="nofollow" href="https://xiaoai.mi.com/" target="_blank">小爱开放平台</a>
					<span class="sep">|</span>
					<a rel="nofollow" href="https://qiye.mi.com/" target="_blank">企业团购</a>
					<span class="sep">|</span>
					<a rel="nofollow" href="https://www.mi.com/aptitude/list/?id=41" target="_blank">资质证照</a>
					<span class="sep">|</span>
					<a rel="nofollow" href="https://www.mi.com/aptitude/list/" target="_blank">协议规则</a>
					<span class="sep">|</span>
					<a rel="nofollow" href="//www.mi.com/appdownload/" target="&quot;_blank&quot;" id="&quot;J_downloadapp&quot;">下载App</a>
					<span class="sep">|</span>
					<a rel="nofollow" href="https://xiaomishare.mi.com/?from=micom" target="&quot;_blank&quot;">智能生活</a>
					<span class="sep">|</span>
				</div>
				<div class="rightbox">
					<a rel="nofollow" class="cart-mini" id="J_miniCartBtn" href="//www.mi.com/buy/cart"><i class="iconfont"></i>购物车
						<span class="cart-mini-num J_cartNum">（0）</span>
					</a>
				</div>
			</div>
		</div>
		<!-- 第二行的盒子 -->
		<div class="menubox">
			<div class="logobox">
				<a class="logo ir" href="//www.mi.com/index.html" title="小米官网">小米官网
					<img src="img/小米官网.png" style="width: 90px;height: 65px;margin-top: -21px;"></a>
			</div>
			<div class="ljbox">
				<a class="link" href="javascript: void(0);"><span class="text">Xiaomi手机</span></a>

				<a class="link" href="javascript: void(0);"><span class="text">Redmi手机</span><span class="arrow"></span></a>

				<a class="link" href="javascript: void(0);"><span class="text">电视</span><span class="arrow"></span></a>

				<a class="link" href="javascript: void(0);"><span class="text">笔记本</span><span class="arrow"></span></a>

				<a class="link" href="javascript: void(0);"><span class="text">平板</span><span class="arrow"></span></a>

				<a class="link" href="javascript: void(0);"><span class="text">家电</span><span class="arrow"></span></a>

				<a class="link" href="javascript: void(0);"><span class="text">路由器</span><span class="arrow"></span></a>

				<a class="link" href="https://www.mi.com/service/"><span class="text">服务中心</span></a>

				<a class="link" href="http://www.xiaomi.cn/"><span class="text">社区</span></a>
			</div>
			<div class="inputbox">
				<input class="use-input" type="text" name="search" placeholder="请输入内容"/>
				<input class="use-btn" type="button" value="搜索"/>
					</div>
				</form>
			</div>
		</div>
		<!-- 第三行盒子 -->
		<div class="adbox">
			<div class="libox">
				<ol>
					<br><p>手机</p>
					<br><p>电视</p>
					<br><p>家电</p>
					<br><p>笔记本 平板</p>
					<br><p>出行 穿戴</p>
					<br><p>耳机 音响</p>
					<br><p>健康 儿童</p>
					<br><p>生活 箱包</p>
					<br><p>智能 路由器</p>
					<br><p>电源 配件</p>
				</ol>
			</div>
			<div class="lbbox">
			<img src="img/首页.png" style="width: 960px;height: 480px;">
			</div>
		</div>
		<!-- 第四行盒子 -->
		<div class="bigbox">
			<div class="box">
				<img src="img/左边.png" style="width:275px;height:200px;"></div>
			<div class="box">
				<img src="img/左1.png" style="width: 100%;height:200px;"></div>
			<div class="box">
				<img src="./img/中间.png" style="width: 100%;height: 200px;"></div>
			<div class="box rbox">
			<img src="img/右边.png" style="width: 100%;height: 200px;"></div>
		</div>
		<!-- 第五行图片 -->
		<a href="#" class="ad">
			<img src="img/小米14pro.png" style="width: 100%;height: 90px;">
		</a>
		<!-- 第六行盒子 -->
		<div class="sjbox">
			<div class="firstbox">
				<br><a style="font-size: 20px;">手机</a> <a style="font-size: 15px;float: right;">查看更多</a>
			</div>
			<div class="secbox">
				<div class="tubox">
					<img src="img/手机1.png" style="width: 100%;height: 600px;">
				</div>
				<div class="showbox">
					<div class="topbox">
						<div class="box">
						<img src="img/1.1.png" style="width: 220px;height: 295px;">
						</div>
						<div class="box">
							<img src="img/1.2.png" style="width: 220px;height: 295px;">
						</div>
						<div class="box">
							<img src="img/1.3.png" style="width: 220px;height: 295px;">
						</div>
						<div class="box rbox">
							<img src="img/1.4.png" style="width: 220px;height: 295px;">
						</div>
					</div>
					<div class="bottbox">
						<div class="box">
							<img src="img/2.1.png" style="width: 220px;height: 295px;">
						</div>
						<div class="box">
							<img src="img/2.2.png" style="width: 220px;height: 295px;">
						</div>
						<div class="box">
							<img src="img/2.3.png" style="width: 220px;height: 295px;">
						</div>
						<div class="box rbox">
							<img src="img/2.4.png" style="width: 220px;height: 295px;">
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
